<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="../../../layui/css/layui.css">
    <link rel="stylesheet" href="../../../css/coursepage/addcourse.css">
</head>
<body>
<form class="layui-form" id="asd" action="JavaScript:;" lay-filter="formfilter">
    <input  style="display: none" type="text" id="video" name="video"  autocomplete="off" class="layui-input">
    <input  style="display: none" type="text" id="piano" name="piano"  autocomplete="off" class="layui-input">
    <input  style="display: none" type="text" id="time" name="time"  autocomplete="off" class="layui-input">
    <div class="layui-form-item">
        <label class="layui-form-label">课程分类</label>
        <div class="layui-input-block">
            <input type="text" id="courseclass" name="classify" required  lay-verify="required" placeholder="请输入标题" autocomplete="off" class="layui-input">
            <button type="button" id="selectadd" class="layui-btn" >选择分类</button>
        </div>
    </div>
    <div class="layui-form-item">
        <label class="layui-form-label">课程名称：</label>
        <div class="layui-input-block">
            <input type="text" name="name" required  lay-verify="required" placeholder="请输入标题" autocomplete="off" class="layui-input">
        </div>
    </div>
    上传图片：<button type="button" class="layui-btn" id="test1">上传图片</button>
    <div class="layui-upload-list">
        <img class="layui-upload-img" id="demo1">
        <p id="demoText"></p>
    </div>
    <div id="aa">
        <div class="layui-progress layui-progress-big" lay-showpercent="yes" lay-filter="demo">
            <div class="layui-progress-bar" lay-percent=""></div>
        </div>
    </div>
    <div class="layui-form-item">
        <div class="layui-inline">
            <div class="layui-form-item">
                <label class="layui-form-label">上传视频：</label>
                <video src="" controls="controls" id="videoplay"></video>
            </div>
        </div>
    </div>
    <div class="layui-form-item">
        <div class="layui-inline">
            <div class="layui-form-item">
                <button type="button" class="layui-btn" id="uploadVideo"><i class="layui-icon">&#xe67c;</i>上传视频</button>
                <button type="button" class="layui-btn" id="deleteVideo"><i class="layui-icon"></i>删除视频</button>
            </div>
        </div>
    </div>
    <div class="layui-form-item">
        <label class="layui-form-label">课程介绍</label>
        <div class="layui-input-block">
            <input type="text" name="courseIntroduction" required  lay-verify="required" placeholder="请输入内容" autocomplete="off" class="layui-input">
        </div>
    </div>
<!--    <div class="layui-form-item">-->
<!--        <label class="layui-form-label">课程序号</label>-->
<!--        <div class="layui-input-block">-->
<!--            <input type="text" name=""  lay-verify="required" placeholder="请输入标题" autocomplete="off" class="layui-input">-->
<!--        </div>-->
<!--    </div>-->
    <div class="layui-form-item">
        <label class="layui-form-label">关键字</label>
        <div class="layui-input-block">
            <input type="text" name="courseKeyWords" required  lay-verify="required" placeholder="请输入标题" autocomplete="off" class="layui-input">
        </div>
    </div>
    <div class="layui-form-item">
        <label class="layui-form-label">课程售价</label>
        <div class="layui-input-block">
            <input type="text" name="price" required oninput="this.value=this.value.replace(/[^0-9]/g,'')";  lay-verify="required" placeholder="请输入课程售价(只能输入数字)" autocomplete="off" class="layui-input">
        </div>
    </div>
    <div class="layui-form-item">
        <label class="layui-form-label">课程推荐</label>
        <div class="layui-input-block">
            <input type="radio" name="" value="新品" title="新品" checked="">
            <input type="radio" name="" value="推荐" title="推荐">
            <input type="radio" name="" value="其他" title="其他">
        </div>
    </div>
    <div class="layui-form-item" style="text-align: center">
        <div class="layui-input-block">
            <button class="layui-btn" lay-submit lay-filter="formDemo">立即添加</button>
        </div>
    </div>
</form>
<script src="../../../js/jquery-3.6.0.js"></script>
<script src="../../../layui/layui.js"></script>
<script src="../../../js/coursepage/coursepage.js"></script>
</body>
</html>
